import { login , userInfo,userPhoto} from '@/api/user'
import { setToken, getToken,removeToken,removeUserInfo, setTimeStamp,getTimeStampm} from '@/utils/auth'

const state = {
  //保存token
  token: getToken(),
  //声明保存用户信息的state
  userInfo: {}
}

const mutations = {
  setToken (state, token) {
    //存到vuex的state
    state.token = token
    //存到本地
    setToken(token)
    //保存时间戳
    setTimeStamp()
  },
  //设置用户信息
  setUserInfo (state, payload) {
    state.userInfo = payload
  },
  
  //删除token
  removeToken(state){
    state.token = null
    //删除本地
    removeToken()
  },
  removeUserInfo (state){
    state.userInfo={}
  }
}

const actions = {
  //发请求获取token
  async login (context, data) {
    //传入参数
    try {
      let res = await login(data)
      // console.log(res);
      context.commit('setToken', res.data)
    } catch (error) {
      //到这证明请求失败，让代码报错
      //return之后 login页面就能收到失败的信息
      return Promise.reject(error)
    }
  },
  // 发请求获取用户信息
  async getUserInfo (context) {
     // 发请求
     let res = await userInfo()
     // 发请求获取基本资料
     let res2 = await userPhoto(res.data.userId)
 
     // 请问此时userInfo里应该res和res2里的数据都要有
     let allInfo = {
       ...(res.data),
       ...(res2.data)
     }
     context.commit('setUserInfo', allInfo)
    
  },
  logout({commit}){

    //删除token
    commit('removeToken')//删除vuex中的和缓存中的
    //删除用户资料
    commit('removeUserInfo')
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
